﻿<header style="background-color: #efecec;">

    <div id="topHeader">
        <div class="container">
            <div class="sixteen columns" style="margin-left:0px;">
                @*<ul id="currency">
						<li class="active_currency"><a href="#">$</a></li>
						<li><a href="#">£</a></li>
						<li><a href="#">€</a></li>
					</ul>*@
                @*<ul id="lang">
						<li class="active_lang"><a href="#">en</a></li>
						<li><a href="#">es</a></li>
						<li><a href="#">fr</a></li>
					</ul>*@

                <ul id="topNav">
                    <li style="border-left:1px solid #5f5f5c; padding-left:10px;" > <p class="top_hotro">Phòng Bán hàng</p>
                        <a class="addlink1" href="ymsgr:sendim?kt_dailoc">
                            <p class="top_hotro">0928.995.666</p>
                            <img width="110px" border="0" src="~/Content/images/online.png">
                        </a></li>
                     <li> <p class="top_hotro">Phòng Bán lẻ</p>
                        <a class="addlink1" href="ymsgr:sendim?kt_dailoc">
                            <p class="top_hotro">0973.486.532</p>
                            <img width="110px" border="0" src="~/Content/images/online.png">
                        </a></li>
                     <li> <p class="top_hotro">Kinh doanh</p>
                        <a class="addlink1" href="ymsgr:sendim?kt_dailoc">
                            <p class="top_hotro">0928.995.666</p>
                            <img width="110px" border="0" src="~/Content/images/online.png">
                        </a></li>
                     <li> <p class="top_hotro">Chăm sóc KH</p>
                        <a class="addlink1" href="ymsgr:sendim?kt_dailoc">
                            <p class="top_hotro">0973.486.532</p>
                            <img width="110px" border="0" src="~/Content/images/online.png">
                        </a></li>
                     <li> <p class="top_hotro">KD Miền Bắc</p>
                        <a class="addlink1" href="ymsgr:sendim?kt_dailoc">
                            <p class="top_hotro">0928.995.666</p>
                            <img width="110px" border="0" src="~/Content/images/online.png">
                        </a></li>
                     <li> <p class="top_hotro">KD Miền Nam</p>
                        <a class="addlink1" href="ymsgr:sendim?kt_dailoc">
                            <p class="top_hotro">0928.995.666</p>
                            <img width="110px" border="0" src="~/Content/images/online.png">
                        </a></li>
                    <li > <p class="top_hotro">KD Miền Nam</p>
                        <a class="addlink1" href="ymsgr:sendim?kt_dailoc">
                            <p class="top_hotro">0928.995.666</p>
                            <img width="110px" border="0" src="~/Content/images/online.png">
                        </a></li>
                </ul>

            </div>
            <!--end sixteen-->
        </div>
        <!--end container-->
    </div>
    <!--end topHeader-->


    <div id="middleHeader" style="margin-right: 10px;">
        <div class="container">
            <div class="sixteen columns">
                <div id="logo">
                    <h1><a href="index.html">logo</a></h1>
                </div>
                <!--end logo-->

                <form action="#" method="post" accept-charset="utf-8">
                    <label>
                        <input type="text" name="search" placeholder="Search in Product" value="">
                    </label>
                    @*<label>
							<select name="search_category" class="default" tabindex="1">
								<option value="">Category</option>
							  	<option value="amazed">Amazed</option>
							  	<option value="bored">Bored</option>
							  	<option value="surprised">Surprised</option>
							  	<option value="amazed">Amazed</option>
							  	<option value="bored">Bored</option>
							  	<option value="surprised">Surprised</option>
							  	<option value="amazed">Amazed</option>
							  	<option value="bored">Bored</option>
							  	<option value="surprised">Surprised</option>
							  	<option value="amazed">Amazed</option>
							</select>
						</label>*@
                    <div class="submit">
                        <input type="submit" name="submit">
                    </div>
                </form>
                <!--end form-->

            </div>
            <!--end sixteen-->
        </div>
        <!--end container-->
    </div>
    <!--end middleHeader-->

    <div class="container">
        <div class="sixteen columns" style="float: left; margin-left: 0px !important;">
            <div id="mainNav" class="clearfix">
                <nav>
                    <ul>
                        <li>
                            <a class="hasdropdown" href="/">Trang chủ</a>
                            @*<ul class="submenu">
									<li><a href="index.html">Home</a></li>
									<li><a href="index2.html">Home 2</a></li>
									<li><a href="about.html">About</a></li>
									<li><a href="blog.html">Blog</a></li>
									<li><a href="blog_post.html">Blog Post</a></li>
									<li><a href="contact.html">Contact</a></li>
								</ul>*@
                        </li>
                        <li>
                            <a class="desktop hasdropdown" href="#">Giới thiệu</a>
                            @*<ul class="submenu">
									<li><a href="#">PC</a></li>
									<li><a href="#">Mac</a></li>
									<li><a href="#">Luinx</a></li>
								</ul>*@
                        </li>
                        <li><a class="labtops" href="/New/">Tin tức</a></li>
                        <li>
                            <a class="componients hasdropdown" href="#">Tuyển dụng</a>
                            @*<ul class="submenu">
									<li><a href="#">Mic &amp; Trackballs</a></li>
									<li><a href="#">Mointors</a></li>
									<li><a href="#">Printers</a></li>
									<li><a href="#">Scanners</a></li>
									<li><a href="#">Web Cameras</a></li>
								</ul>*@
                        </li>
                        <li><a class="tablets" href="#">Liên hệ</a></li>
                        <li><a class="software" href="#">Thanh toán</a></li>
                        <li>
                            <a class="watches hasdropdown" href="#">Công trình thi công</a>
                            @*<ul class="submenu">
									    <li><a href="#">Test one</a></li>
									    <li><a href="#">Test Two</a></li>
									    <li><a href="#">Test Three</a></li>
									    <li><a href="#">Test Four</a></li>
									    <li><a href="#">Test Five</a></li>
								    </ul>*@
                        </li>
                    </ul>

                </nav>
                <!--end nav-->

                <div id="cart">
                    <a class="cart_dropdown" href="javascript:void(0);">
                        <img src="~/content/images/icons/cart_icon.png" alt="">
                        Có 5 sản phẩm</a>
                    <div class="cart_content">
                        <b class="cart_content_arrow"></b>
                        <ul>
                            <li class="clearfix">
                                <div class="cart_product_name">
                                    <img src="~/upload/Imgsp/sp.jpg" alt="product image">
                                    <span>
                                        <strong><a href="#">product Name Here and long</a></strong><br>
                                    </span>
                                </div>
                                <div class="cart_product_price">
                                    <span>
                                        <strong>400.000.000 VNĐ</strong><br>
                                        <a class="remove_item" href="#">Remove</a>
                                    </span>
                                </div>
                                <div class="clear"></div>
                            </li>
                            <li class="clearfix">
                                <div class="cart_product_name">
                                    <img src="~/content/images/photos/dropdown_cart_image.jpg" alt="product image">
                                    <span>
                                        <strong><a href="#">product Name Here and long</a></strong><br>
                                    </span>
                                </div>
                                <div class="cart_product_price">
                                    <span>
                                        <strong>400.000.000 VNĐ</strong><br>
                                        <a class="remove_item" href="#">Remove</a>
                                    </span>
                                </div>
                            </li>
                        </ul>
                        <!--end ul-->

                        <div class="dropdown_cart_info clearfix">
                            <div class="cart_buttons">
                                <a class="gray_btn" href="/ShoppingCart">View Cart</a><br>
                                <a class="red_btn" href="#">Checkout</a>
                            </div>
                            <!--end cart buttons-->

                            <div class="cart_total_price">
                                <span>THÀNH TIỀN : 400.000.000 VNĐ<br>
                                    VAT 0% : 0 VNĐ<br>
                                    <strong style="margin-top: 10px; float: left; color: #056bb5">TỔNG : 400.000.000 VNĐ</strong>
                                </span>
                            </div>
                            <!--end cart buttons-->
                        </div>
                        <!--end dropdown_cart_info-->

                    </div>
                    <!--end cart_content-->
                </div>
                <!--end cart-->

            </div>
            <!--end main-->
        </div>
        <!--end sixteen-->
    </div>
    <!--end container-->

</header>
